<template>
	<div>
		<template v-if='lotteryId=="01"'>
			<div class="winCond">
		  		<div class="top">
		  			<table>
			  			<thead>
				  			<tr>
				  				<th width="24%">奖项</th>
				  				<th width="34%">红球</th>
				  				<th width="14%">蓝球</th>
				  				<th width="28%">奖金</th>
				  			</tr>
				  		</thead>
			  		</table>
		  		</div>
		  		<div class="bottom">
			  		<table>
			  			<tbody>
				  			<tr>
				  				<td width="24%">一等奖</td>
				  				<td width="34%" class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td width="14%">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td width="28%">浮动</td>
				  			</tr>
				  			<tr>
				  				<td>二等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td>浮动</td>
				  			</tr>
				  			<tr>
				  				<td>三等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td><span class="red">3000</span>元</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="2">四等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td rowspan="2"><span class="red">200</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="2">五等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td rowspan="2"><span class="red">10</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="3">六等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td rowspan="3"><span class="red">5</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  					</div>
				  				</td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td></td>
				  				<td>
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  		</tbody>
				  	</table>
		  		</div>
		  	</div>
		</template>
		<template v-if='lotteryId=="50"'>
			<div class="winCond daletou">
		  		<div class="top">
		  			<table>
			  			<thead>
				  			<tr>
				  				<th width="24%">奖项</th>
				  				<th width="34%">前区</th>
				  				<th width="20%">后区</th>
				  				<th width="22%">奖金</th>
				  			</tr>
				  		</thead>
			  		</table>
		  		</div>
		  		<div class="bottom">
			  		<table>
			  			<tbody>
				  			<tr>
				  				<td width="24%">一等奖</td>
				  				<td width="34%" class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td width="20%" class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td width="22%">浮动</td>
				  			</tr>
				  			<tr>
				  				<td>二等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td>浮动</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="2">三等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td rowspan="2">浮动</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="2">四等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  				<td rowspan="2"><span class="red">200</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="3">五等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td rowspan="3"><span class="red">10</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td rowspan="4">六等奖</td>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td></td>
				  				<td rowspan="4"><span class="red">5</span>元</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td class="tal">
				  					<div class="winBall">
				  						<em></em>
				  						<em></em>
				  					</div>
				  				</td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  			<tr>
				  				<td class="tal"></td>
				  				<td class="tal43">
				  					<div class="winBall">
				  						<em class="blue"></em>
				  						<em class="blue"></em>
				  					</div>
				  				</td>
				  			</tr>
				  		</tbody>
				  	</table>
		  		</div>
		  	</div>
		</template>
		<template v-if='lotteryId=="03"'>
			<div class="winTbtxt">
		  		<table>
		  			<tbody><tr>
		  				<th width="28%">奖项</th>
		  				<th width="44%">中奖条件</th>
		  				<th width="28%">单注奖金</th>
		  			</tr>
		  			<tr>
		  				<td>直选</td>
		  				<td>定位中3码</td>
		  				<td><span class="red">1040</span>元</td>
		  			</tr>
		  			<tr>
		  				<td>组三</td>
		  				<td>不定位中3码，开奖号码<br>有2码相同</td>
		  				<td><span class="red">364</span>元</td>
		  			</tr>
		  			<tr>
		  				<td>组六</td>
		  				<td>不定位中3码，开奖号码<br>3码不同</td>
		  				<td><span class="red">173</span>元</td>
		  			</tr>
		  		</tbody></table>
		  	</div>
		</template>
		<template v-if='lotteryId=="53"'>
			<div class="winTbtxt">
		  		<table>
		  			<tbody><tr>
		  				<th width="28%">奖项</th>
		  				<th width="44%">中奖条件</th>
		  				<th width="28%">单注奖金</th>
		  			</tr>
		  			<tr>
		  				<td>直选</td>
		  				<td>定位中3码</td>
		  				<td><span class="red">1040</span>元</td>
		  			</tr>
		  			<tr>
		  				<td>组三</td>
		  				<td>不定位中3码，开奖号码<br>有2码相同</td>
		  				<td><span class="red">364</span>元</td>
		  			</tr>
		  			<tr>
		  				<td>组六</td>
		  				<td>不定位中3码，开奖号码<br>3码不同</td>
		  				<td><span class="red">173</span>元</td>
		  			</tr>
		  		</tbody></table>
		  	</div>
		</template>
	</div>
		
</template>
<script>
	export default{
		name: 'ruleTemp',
		props:['lotteryId'],
		methods:{
		},
		mounted () {
			// var axiosa = new axiosa();
			// console.log(axiosa)
			// console.log(this.lotteryId)
		},
	};
</script>
<style lang="less" scoped>
/*中奖条件弹层*/

.winCond{ padding: 0 .15rem .15rem; }
.winCond table{border-collapse: separate;border-spacing: 0;}
.winCond thead th{ height: .4rem; font-size: .12rem; color: #FF8200; text-align: center; }
.winCond tbody tr td{ font-size: .12rem; color: #333; text-align: center; height: .29rem;}
.winCond tbody tr td.tal{ text-align: left; padding-left: .16rem; }
.winCond tbody tr td.tal43{ text-align: left; padding-left: .2rem; }
.winCond tbody tr td{ border-right: 1px solid #F5A623; border-bottom: 1px solid #F5A623; }
.winCond tbody tr:nth-child(1) td:last-child,
.winCond tbody tr:nth-child(2) td:last-child,
.winCond tbody tr:nth-child(3) td:last-child,
.winCond tbody tr:nth-child(4) td:last-child,
.winCond tbody tr:nth-child(6) td:last-child,
.winCond tbody tr:nth-child(8) td:last-child{ border-right: 0; }
.winCond tbody tr:nth-child(8) td:first-child,
.winCond tbody tr:nth-child(8) td:last-child{ border-bottom: 0; }
.winCond tbody tr:last-child td{ border-bottom: 0; }
.winCond .winBall{ font-size: 0; }
.winCond .winBall em{ margin-right: .05rem; display: inline-block; width: .1rem; height: .1rem; border-radius: 50%; background: #EA4747; }
.winCond .winBall em:last-child{ margin-right: 0; }
.winCond .winBall em.blue{ background: #588BD8; }
.winCond .bottom{ background: #FFFDF9; border: .01rem solid #F5A623; border-radius: .04rem; }

.winCond.daletou tbody tr:nth-child(4) td:last-child,
.winCond.daletou tbody tr:nth-child(6) td:last-child,
.winCond.daletou tbody tr:nth-child(8) td:last-child{border-right: 1px solid #F5A623;}
.winCond.daletou tbody tr:nth-child(5) td:last-child,
.winCond.daletou tbody tr:nth-child(7) td:last-child,
.winCond.daletou tbody tr:nth-child(10) td:last-child{ border-right: 0; }
.winCond.daletou tbody tr:nth-child(8) td{ border-bottom: 1px solid #F5A623; }
.winCond.daletou tbody tr:nth-child(10) td:first-child,
.winCond.daletou tbody tr:nth-child(10) td:last-child{ border-bottom: 0; }

.winTbtxt table{ text-align: center; }
.winTbtxt table th{ height: .4rem; font-size: .12rem; color: #999;}
.winTbtxt table td{ padding: .1rem 0; }

.baseline{ font-size: .12rem; color: #bbb; padding: .25rem 0 0; text-align: center; }
</style>